@import './reset';
@import './layout';
@import './transition';
html {
  width: 100%;
  height: 100vh;
  font-size: 100px;
  box-sizing: border-box;
}
body {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  font-family: 'YaHei';
  color: #535b6c;
  min-width: 1280px;
  font-size: 0.16rem;
}
.pointer {
  cursor: pointer;
}

.not-allow {
  cursor: not-allowed;
}
// 按钮的颜色常见颜色
.btnColor {
  background-color: #4977e6;
  color: #fff;
}
.btnColorBf {
  background-color: #5b8bfd;
  color: #fff;
}
// 重置颜色
.btnClear {
  background-color: #95a1bd;
  color: #fff;
}
// 上报
.btnAppear {
  background-color: #ff7f5b;
  color: #fff;
}
// 提示文字
.fzWarm {
  font-size: 0.14rem;
  color: #95a1bd;
}

//常用incoFont大小及常用字体颜色
.fz14 {
  font-size: 14px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz30 {
  font-size: 30px;
}

.fz50 {
  font-size: 50px;
}

.bgw {
  background-color: #fff;
}

.blue {
  color: #409EFF
}

.gray {
  color: #999;
}

//一、常用margin
.ma20 {
  margin: 0 20px
}

//1.top
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

//2.right
.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr30 {
  margin-right: 30px;
}

.mr80 {
  margin-right: 85px;
}

//3.bootom
.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

//4.left
.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml50 {
  margin-left: 50px;
}

.ml64 {
  margin-right: 0.2rem;
}

.ml200 {
  // margin-left: 3.2rem;
}

//常用width
// .w-48 {
//   width: 48%;
// }

// .w64 {
//   display: none;
//   width: 0px !important;
// }

// .w80 {
//   width: 80px;
// }

// .w100 {
//   width: 100px !important;
// }

// .w120 {
//   width: 120px !important;
// }

// .w130 {
//   width: 130px !important;
// }

.w200 {
  width: 18vw !important;
  box-sizing: border-box;
  // padding: 0.2rem;
}

// .w150 {
//   width: 150px !important;
// }

// .w240 {
//   width: 240px !important;
// }

// .w300 {
//   width: 300px !important;
// }

// .w360 {
//   width: 360px !important;
// }

// .w400 {
//   width: 400px !important;
// }

// .w480 {
//   width: 480px !important;
// }

// .w500 {
//   width: 500px
// }

// .w600 {
//   width: 600px
// }

//常用padding
// .pd10 {
//   padding: 10px;
// }

// .pd15 {
//   padding: 15px;
// }

// .pd20 {
//   padding: 20px;
// }

// .pb20 {
//   padding-bottom: 20px;
// }

// //微信分界线
// .bot-line {
//   position: relative;
// }

// .bot-line::after {
//   content: " ";
//   position: absolute;
//   left: 0;
//   bottom: 0;
//   right: 0;
//   height: 1px;
//   border-bottom: 1px solid #dddddd;
//   transform-origin: 0 0;
//   transform: scaleY(0.5);
// }

// .dialog-form {
//   .el-dialog__header {
//     background-color: rgba(64, 158, 255);
//     padding: 0;
//     height: 50px;
//     font-size: 16px;
//     line-height: 50px;
//     color: #fff;
//   }
//   .el-dialog__headerbtn .el-dialog__close {
//     color: #fff;
//     &:hover {
//       color: #fff;
//     }
//   }
//   .form-content {
//     padding-left: 10px;
//     height: 450px;
//     overflow: auto;
//     .upload-name {
//       i {
//         position: relative;
//         top: 2px;
//       }
//       a {
//         line-height: 20px;
//         text-decoration: underline
//       }
//     }
//   }
//   .el-dialog__footer {
//     position: relative;
//   }
//   .el-dialog__footer::before {
//     content: " ";
//     position: absolute;
//     left: 0;
//     top: 0;
//     right: 0;
//     height: 1px;
//     border-bottom: 1px solid #dddddd;
//     transform-origin: 0 0;
//     transform: scaleY(0.5);
//   }
// }

// .avatar-uploader .el-upload {
//   border: 1px dashed #d9d9d9;
//   border-radius: 6px;
//   cursor: pointer;
//   position: relative;
//   overflow: hidden;
// }

// .avatar-uploader .el-upload:hover {
//   border-color: #409EFF;
// }

// .avatar-uploader-icon {
//   font-size: 28px;
//   color: #8c939d;
//   width: 150px;
//   height: 150px;
//   line-height: 150px !important;
//   text-align: center;
// }

// .avatar {
//   width: 150px;
//   height: 150px;
//   display: block;
// }

// .avatar-b {
//   width: 600px;
//   height: 300px;
//   display: block;
// }

//分页
.pagination {
  padding: 15px 15px 15px 0 !important;
  text-align: right
}

// flex布局
// .flex {
//   display: flex;
//   align-items: center;
// }

// .flex-jc {
//   justify-content: space-between;
// }

// .flex-cen {
//   justify-content: center;
// }

// .table-default {

// background: #fff;  border-collapse: collapse;
//   border-radius: 2px;
//   table,
//   th,
//   td {
//     border: 1px solid #ddd;
//   }
//   thead {
//     // background-color: #f3f3f3;
//     th {
//       width: 280px;
//       color: #000;
//       text-align: left;
//       height: 60px;
//       border-right: 0;
//       h3 {
//         font-size: 20px;
//         font-weight: bold;
//         margin-left: 30px;
//       }
//     }
//     td {
//       width: 280px;
//       color: #666;
//       text-align: right;
//       height: 60px;
//       border-left: 0;
//       span {
//         margin-right: 30px;
//       }
//     }
//   }
//   tbody {
//     tr {
//       text-align: center;
//       color: #666;
//       height: 60px;
//     }
//     td,
//     th {
//       width: 280px;
//     }
//   }
// }

// .table-default2 {
//   background: #fff;
//   border-collapse: collapse;
//   border-radius: 2px;
//   table,
//   th,
//   td {
//     border: 1px solid #ddd;
//   }
//   thead {
//     // background-color: #f3f3f3;
//     th {
//       width: 280px;
//       color: #000;
//       text-align: left;
//       height: 60px;
//       border-right: 0;
//       h3 {
//         font-size: 20px;
//         font-weight: bold;
//         margin-left: 30px;
//       }
//     }
//     td {
//       width: 280px;
//       color: #666;
//       text-align: right;
//       height: 60px;
//       border-left: 0;
//       span {
//         margin-right: 30px;
//       }
//     }
//   }
//   tbody {
//     tr {
//       text-align: center;
//       color: #666;
//       height: 60px;
//     }
//     td,
//     th {
//       width: 280px;
//     }
//     // th {
//     //   background: rgba(243, 243, 243, .5)
//     // }
//   }
// }

// .table-default3 {
//   background: #fff;
//   border-collapse: collapse;
//   border-radius: 2px;
//   table,
//   th,
//   td {
//     border: 1px solid #ddd;
//   }
//   thead {
//     // background-color: #f3f3f3;
//     th {
//       width: 280px;
//       color: #000;
//       text-align: left;
//       height: 60px;
//       border-right: 0;
//       h3 {
//         font-size: 20px;
//         font-weight: bold;
//         margin-left: 30px;
//       }
//     }
//     td {
//       width: 840px;
//       color: #666;
//       text-align: right;
//       height: 60px;
//       border-left: 0;
//       span {
//         margin-right: 30px;
//       }
//     }
//   }
//   tbody {
//     tr {
//       text-align: center;
//       color: #666;
//       height: 60px;
//     }
//     td {
//       width: 840px;
//     }
//     th {
//       width: 280px;
//       // background: rgba(243, 243, 243, .5)
//     }
//   }
// }

// .table-flex-box {
//   display: flex;
//   flex-wrap: wrap;
//   padding-left: 15px;
//   justify-content: space-around;
//   .tableImg {
//     padding: 20px 0;
//     width: 300px;
//     height: 200px;
//   }
// }

#caseHear {
  border: 1px solid red;
  .dialog-visible{
    .el-dialog__body {
      height: 600px;
      overflow: auto;
    }
  }
}

.el-popover {
  word-wrap: break-word !important;
}

// 重点提醒数字
.sum {
  color: #ff7f5b;
  display: inline-block;
  padding: 0px 5px 0px 5px;
  font-size: 0.36rem;
}

.electricity {
  color: #4977e6;
  display: inline-block;
  padding: 0px 5px 0px 5px;
  font-size: 0.36rem;
}
// 内容的最小高度
// input 的宽度
.inputW{
  width: 2rem !important;
}
//input 的宽度
.input-class{
  width: 130px
}

//提示信息样式
.tips-class{
  color: rgb(255, 204, 0);
}

.wordP {
  margin: 20px 0;
  color: #ff7f5b;
}



//input number 去掉箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
@media screen and (min-width: 1920px){
  html {
    font-size: 100px;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1440px){
  html {
    font-size: 83.33px;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1366px) {
  html {
    font-size: 72.9px;
  }
}
  @media screen and (max-width: 1366px) and (min-width: 1280px){
    html {
      background:#eff2f9;
      font-size: 71.15px;
    }
  }
@media screen and (max-width: 1280px){
  html {
    font-size: 66.66px;
  }
}



